<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>地方简述</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<style>
    .form-group div {
        width: 32.6%;
        float: left;
        margin-right: 1%;
    }
    
    .form-group div span,
    .form-group2 span {
        color: #d4a258;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    .form-group div input {
        border: 3px solid #EEE;
        color: #777;
        transition: border-color 0.4s;
    }
    
    .form-group div input:hover,
    .form-group2 textarea:hover {
        color: #d4a258;
        border-color: #d4a258;
    }
    
    .form-group div:nth-child(3) {
        margin-right: 0;
    }
    
    .form-group2 textarea {
        width: 100%;
        border: 3px solid #EEE;
        color: #777;
        transition: border-color 0.4s;
    }
    
    .hovechange {
        transition: all 0.6s;
    }
    
    .hovechange:hover {
        box-shadow: 10px 10px 10px #d4a258;
    }
</style>

<body>
    <!--导航-->
    <div class="container">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			  <span class="sr-only">Toggle navigation</span>
			  <span class="icon-bar"></span>
			  <span class="icon-bar"></span>
			  <span class="icon-bar"></span>
			</button>
                    <a class="navbar-brand" href="index.html">旅游推荐</a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="旅游路线.html">旅游路线</a></li>
                        <li><a href="地方简述.html">地方简述</a></li>
                        <li>
                            <a href="旅游好书.html">旅游好书 </a>
                        </li>
                        <li><a href="路线选取.html">路线选取</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <!--分割线-->
    <div class="container">
        <hr style="margin: 25px 0;" />
    </div>

    <!-- Topic Header -->

    <!-- 路径导航 -->
    <div class="topic">


        <ol class="breadcrumb  ">
            <li><a href="index.html">首页</a></li>

            <li class="active">地方简述</li>
        </ol>

    </div>

    <!-- 巨幕 -->
    <div class="container ">
        <div class="jumbotron">


            <h1>你好, 旅行者！</h1>
            <p>旅行指导</p>
            <p>
                <a class="btn btn-lg btn-info " href="../../components/#navbar" role="button">旅行相关了解 &raquo;</a>
            </p>

        </div>
    </div>





    <!-- 媒体对象 -->
    <div class="container ">
        <!-- 左对齐 -->
        <div class="row">
            <div class="col-lg-12 hidden-xs">
                <div class="media">
                    <div class="media-left">
                        <img src="./images/丽水4.jfif" class="media-object hovechange" style="width:auto">
                    </div>
                    <div class="media-body">
                        <br>
                        <h4 class="media-heading" style="color: rgb(238, 138, 6);">浙江丽水</h4>
                        <p style="text-indent:20px; color: #d4a258;">丽水被誉为“浙江绿谷”，境内海拔1000米以上的山峰有3573座，龙泉市凤阳山黄茅尖海拔1929米，庆元县百山祖海拔1856.7米，分别为浙江省第一、第二高峰。2005年1月，丽水市被命名为第三批国家级生态示范区；2009年12月，相继被命名为“中国优秀旅游城市”、“中国优秀生态旅游城市”。2010年12月23日，浙江省关注森林组委会正式发文授予丽水“浙江省森林城市”称号。丽水获评首批国家级生态保护与建设示范区。丽水人属江浙民系使用吴语，丽水文化属吴越文化。2017年11月，获全国文明城市称号。
                            [2] 2017年中国地级市全面小康指数排名第47。 [3] 2018年11月，获评2018中国地级市全面小康指数46名。2018年12月12日，被命名为第二批“绿水青山就是金山银山”实践创新基地。 [4-5] </p>
                    </div>
                </div>

                <!-- 右对齐 -->
                <div class=" media ">
                    <div class="media-body ">
                        <br>
                        <h4 class="media-heading " style="float: right; color: rgb(238, 138, 6);">云南大理</h4><br>
                        <p style="float: right; text-indent:20px;color: #d4a258;">大理历史悠久，是云南最早的文化发祥地之一。据文献记载，远在四千多年前，白族先民就在这里繁衍生息，苍山马龙峰、中和峰、海东鹿鹅山曾出土大批新石器时期的石刀、石斧、石坠、粗陶器。 前221年， 秦朝开始经营西南，在西南地区建立行政机构，自此开始中央王朝对大理的统治。 西汉武帝时期，张骞出使西域，刺激汉武帝探索从西南方前往印度的“蜀身毒道”，经营西南边疆。前109年（汉武帝元封二年）在大理地区遥置叶榆县，是中原王朝最早在云南设县的地区。大理市位于中国云南省西北部，横断山脉南端，地处东经99°58ˊ至100°27ˊ，北纬25°25ˊ至25°58ˊ之间。
                        </p>
                    </div>
                    <div class="media-right ">
                        <img src="./images/大理2.jfif " class="media-object " style="width:auto ">
                    </div>
                </div>
                <!-- 左对齐 -->
                <div class="media ">
                    <div class="media-left ">
                        <img src="./images/拉萨.jfif" class="media-object hovechange" style="width:auto ">
                    </div>
                    <div class="media-body ">
                        <br>
                        <h4 class="media-heading " style="color: rgb(238, 138, 6);">西藏拉萨</h4>
                        <p style=" text-indent:20px;color: #d4a258;">拉萨是首批国家历史文化名城，拉萨以风光秀丽、历史悠久、风俗民情独特、宗教色彩浓厚而闻名于世。7世纪，松赞干布统一全藏，将政治中心从山南迁到拉萨。先后荣获中国优秀旅游城市、欧洲游客最喜爱的旅游城市、全国文明城市、中国最具安全感城市、中国特色魅力城市200强、世界特色魅力城市200强 [4] 、2018畅游中国100城 [5] 等荣誉称号。</p>
                    </div>
                </div>

                <!-- 右对齐 -->
                <div class="media ">
                    <div class="media-body ">
                        <br>
                        <h4 class="media-heading " style="float: right; color: rgb(238, 138, 6);">广西桂林</h4><br>
                        <p style=" text-indent:20px;color: #d4a258;">桂林地处中国华南，湘桂走廊南端，是中央军委桂林联勤保障中心驻地、国家可持续发展议程创新示范区、中国旅游业态风向标，联合国世界旅游组织/亚太旅游协会旅游趋势与展望国际论坛永久举办地，是泛珠江三角洲经济区与东盟自由贸易区战略交汇的重要节点城市，国家卫生城市，是以新型工业为主的国际旅游胜地。 [4-5] 桂林是首批国家历史文化名城，秦始皇统一岭南后属桂林郡。1201年，著名诗人王正功赋诗“桂林山水甲天下”。甑皮岩文化是史前中国多元一体进程的文化源流之一，甑皮岩发现的陶雏器填补世界陶器起源空白，是中国制陶技术重要的起源地之一。桂林是广西重要高校集聚区，拥有广西师范大学、桂林电子科技大学、桂林理工大学、桂林医学院、陆军特种作战学院等16所高校。
                        </p>
                    </div>
                    <div class="media-right ">
                        <img src="./images/桂林4.jfif" class="media-object  " style="width:auto ">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--分割线-->
    <div class="container ">
        <hr style="margin: 20px 0; " />
    </div>




    <!-- 底部表单 -->
    <div class="container ">

        <form role="form ">
            <div class="form-group ">
                <div>
                    <span>Name :</span>
                    <input type="text " class="form-control " placeholder="你的名字">
                </div>
                <div>
                    <span>Email :</span>
                    <input type="text " class="form-control " placeholder="请输入Email">
                </div>
                <div>
                    <span>Subject :</span>
                    <input type="text " class="form-control " placeholder="请输入账号">
                </div>

            </div>

            <div class="form-group2 ">
                <span>Message :</span>
                <textarea class="form-control " rows="14 "> </textarea>
            </div>

        </form>

    </div>



    </div>

    <!-- 底部分页 -->
    <div class="container text-center">


        <nav aria-label="...">
            <ul class="pagination">
                <li class="disabled">
                    <span>
                          <span aria-hidden="true">&laquo;</span>
                    </span>
                </li>
                <li class="active">
                    <a href="index.html"><span>1 </span></a>
                </li>
                <li>
                    <a href="旅游路线.html"><span>2 </span></a>
                </li>
                <li>
                    <a href="地方简述.html"><span>3 </span></a>
                </li>
                <li>
                    <a href="旅游好书.html"><span>4 </span></a>
                </li>
                <li>
                    <a href="路线选取.html"><span>5 </span></a>
                </li>
            </ul>
        </nav>


    </div>






</body>
<script src="./js/jquery.min.js "></script>
<script src="./js/bootstrap.min.js "></script>


</html>